// pages/regimental-commander/set-range/set-range.js
var EARTH_RADIUS = 6378.137; //地球半径
Page({

  /**
   * 页面的初始数据
   */
  data: {
    activeTab: 0,
    deliveryRadiusArray: [200, 500, 1000, 2000],
    activeRadius: 200,
    latitude: "39.84",
    longitude: "116.47",
    // 画圆的参数设定（color边界框线颜色，radius半径，这里设了等于没设，因为后面会根据画面来匹配大小，stokeWidth边界框线粗细）
    circles: [{
      latitude: '',
      longitude: '',
      color: '#7cb5ec88',
      fillColor: '#7cb5ec88',
      radius: 200,
      strokeWidth: 0
    }]
  },

  /**
   * 通过按钮改变配送半径
   * @param {Object} e 
   */
  changeRadiusByBtn: function(e) {
    const { value } = e.currentTarget.dataset
    this.setData({ activeRadius: value})
    this.setData({
      "circles[0].radius": value/2
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.getCrlcle()
  },
  // 点击marker的响应事件
  markertap: function (e) {
    console.log("点击marker", e);
  },
  // 计算距离
  rad: function (d) {
    return d * Math.PI / 180.0;
  },
  getDistance: function (lng1, lat1, lng2, lat2) {
    var radLat1 = this.rad(lat1);
    var radLat2 = this.rad(lat2);
    var a = radLat1 - radLat2;
    var b = this.rad(lng1) - this.rad(lng2);
    var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) +
      Math.cos(radLat1) * Math.cos(radLat2) *
      Math.pow(Math.sin(b / 2), 2)));
    s = s * EARTH_RADIUS;
    s = Math.round(s * 10000) / 10000;
    return s; //返回数值单位：公里
  },
  // 设置radios半径
  getCrlcle() {
    this.wxmap = wx.createMapContext('map')
    this.wxmap.getRegion({})
      .then(res => {
        console.log(res + 'get');
        let lng1 = res.northeast.longitude;
        let lat1 = res.northeast.latitude;
        let lng2 = res.southwest.longitude;
        let lat2 = res.southwest.latitude;

        let longitude = lng1 - lng2;
        let latitude = lat1 - lat2;
        let flag = longitude > latitude ? true : false;
        let radius = 0;
        //计算得到短边，然后再通过*1000转变为m，除2得到半径，*0.8优化显示，让圈圈只占界面的80%！
        if (flag) {
          radius = this.getDistance(lng1, lat1, lng1, lat2) * 1000 / 2 * 0.8;
        } else {
          radius = this.getDistance(lng1, lat1, lng2, lat1) * 1000 / 2 * 0.8;
        }
        this.setData({
          "circles[0].radius": this.circles.radius/2
        });
        console.log(this.data.circles[0].radius);
      })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

    
// 拿到当前经纬度，并赋值
  this.setData({
    latitude: '39.84',
    longitude: '116.47',
    // 注意json数组赋值的格式
    'circles[0].latitude': '39.84',
    'circles[0].longitude': '116.47'
  })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})